
    <div class="row">
        <div class="col-md-3">
                <div class="panel panel-default full">
                        <div class="panel-heading">
                                
                            <div class="panel-title">
                                色彩 default
                                <span class="badge primary pull-right">1</span>
                                <span class="badge success pull-right">2</span>
                                <span class="badge danger pull-right">3</span>
                                <span class="badge info pull-right">4</span>
                                <span class="badge auxiliary pull-right">5</span>
                                <span class="badge warning pull-right">6</span>
                                <span class="badge default pull-right">7</span>
                            </div>
                            
                        </div>
                        <div class="panel-body">
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                                <p>许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。</p>
                        </div>
                        <div class="panel-footer">
                                <span class="pull-right">
                                    <a href="###" class="btn btn-link">链接</a>
                                    <a href="###" class="btn btn-primary btn-xs">评论</a>
                                </span>
                                <p class="">&nbsp;</p>
                        </div>
                    </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-primary panel-inverse">
                <div class="panel-heading">
                    <div class="panel-title">
                        色彩 primary

                        <span class="badge primary pull-right">1</span>
                        <span class="badge success pull-right">2</span>
                        <span class="badge danger pull-right">3</span>
                        <span class="badge info pull-right">4</span>
                        <span class="badge auxiliary pull-right">5</span>
                        <span class="badge warning pull-right">6</span>
                        <span class="badge default pull-right">7</span>
                    </div>
                </div>
                <div class="panel-body">
                    许多年过去了
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-success full">
                <div class="panel-heading">
                    <div class="panel-title">
                        色彩success
                        
                        <span class="badge primary pull-right">1</span>
                        <span class="badge success pull-right">2</span>
                        <span class="badge danger pull-right">3</span>
                        <span class="badge info pull-right">4</span>
                        <span class="badge auxiliary pull-right">5</span>
                        <span class="badge warning pull-right">6</span>
                        <span class="badge pull-right">7</span>
                    </div>
                </div>
                <div class="panel-body">
                    许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-warning full">
                <div class="panel-heading">
                    <div class="panel-title">反转色彩</div>
                </div>
                <div class="panel-body">
                    许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-auxiliary full">
                <div class="panel-heading">
                    <div class="panel-title">反转色彩</div>
                </div>
                <div class="panel-body">
                        许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。
                        许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。
                        许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-info panel-inverse">
                <div class="panel-heading">
                    <div class="panel-title">反转色彩</div>
                </div>
                <div class="panel-body">
                    许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。回首前尘，我意识到在过去二十六年里，自己始终在窥视着那荒芜的小径。
                </div>
            </div>
        </div>
    </div>

    <script>
    
    $(window).resize(function() {
        $('.panel.full>.panel-body').each(function() {
            var height = $(this).height();
            var top = $(this).offset().top;
            var footer = $(this).closest('.full').find('.panel-footer').height();
            footer = footer && footer > 0 ? footer + 12 : 0;
            var winHeight = $(window).height();
            var resetHeight = winHeight - top - footer - 40;
            console.log(height, resetHeight,winHeight, top, footer)
            if(resetHeight > 20 || height < resetHeight){
                $(this).height(resetHeight);
            }
        });
        // $('#results').height($(window).height() - $('#results').offset().top - 106);
    });
    setTimeout(function() { $(window).resize(); },200);
    </script>